const getBarChart = (xdata,ydata,data,unit) => {
  const defaultConfig = {
    tooltip: {
      trigger: 'axis',
      // axisPointer: {
      //   type: 'shadow'
      // }
    },
    legend: {},
    xAxis: {
      type: 'category',
      data: xdata,
    },
    yAxis: {
      type: 'value',
    },
    series: [{
      data: ydata,
      type: 'bar',
      label: {
        show: true,
        position: 'top',
        formatter(d) {
          return  unit?`${d.data}${unit}`:`${d.data}`;
        },
      },
    }]
  }
  Object.assign(defaultConfig,data)
  const opt = { ...defaultConfig}
  return opt
}

const getBarChart2 = (xdata,data) => {
  const defaultConfig = {
    // title: {
    //   text: 'Rainfall vs Evaporation',
    //   subtext: 'Fake Data'
    // },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data: []
    },
    // toolbox: {
    //   show: true,
    //   feature: {
    //     dataView: { show: true, readOnly: false },
    //     magicType: { show: true, type: ['line', 'bar'] },
    //     restore: { show: true },
    //     saveAsImage: { show: true }
    //   }
    // },
    calculable: true,
    xAxis: [
      {
        type: 'category',
        // prettier-ignore
        data: xdata
      }
    ],
    yAxis: [
      {
        type: 'value'
      }
    ],
    series: [
      {
        name: '',
        type: 'bar',
        data: [],
        // markPoint: {
        //   data: [
        //     { type: 'max', name: 'Max' },
        //     { type: 'min', name: 'Min' }
        //   ]
        // },
        // markLine: {
        //   data: [{ type: 'average', name: 'Avg' }]
        // }
      },
      {
        name: '',
        type: 'bar',
        data: [],
        // markPoint: {
        //   data: [
        //     { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
        //     { name: 'Min', value: 2.3, xAxis: 11, yAxis: 3 }
        //   ]
        // },
        // markLine: {
        //   data: [{ type: 'average', name: 'Avg' }]
        // }
      }
    ]
  }
  Object.assign(defaultConfig,data)
  const opt = { ...defaultConfig}
  return opt
}

export default {
  getBarChart,
  getBarChart2
}
